/** @type {import('tailwindcss').Config} */
export default {
  darkMode: ["class"],
  content: ["./index.html", "./src/**/*.{ts,tsx,js,jsx}"],
  theme: {
    extend: {
      fontFamily: {
        'montserrat': ['Montserrat', 'sans-serif'],
        'inter': ['Inter', 'sans-serif'],
        'work-sans': ['Work Sans', 'sans-serif'],
        'playfair': ['Playfair Display', 'serif'],
        'jetbrains': ['JetBrains Mono', 'monospace'],
        'merriweather': ['Merriweather', 'serif'],
      },
      fontSize: {
        'title': ['22px', { lineHeight: '1.5', letterSpacing: '-0.01em', fontWeight: '700' }],
        'subtitle': ['18px', { lineHeight: '1.5', letterSpacing: '-0.01em', fontWeight: '500' }],
        'body': ['16px', { lineHeight: '1.5', letterSpacing: '0em', fontWeight: '400' }],
        'emphasis': ['16px', { lineHeight: '1.5', letterSpacing: '0.01em', fontWeight: '600' }],
        'small': ['14px', { lineHeight: '1.5', letterSpacing: '0.01em', fontWeight: '400' }],
      },
      borderRadius: {
        lg: '8px',
        md: '6px',
        sm: '4px'
      },
      colors: {
        paper: {
          DEFAULT: '#F5F1E4', // 主色调：清新纸张色
          light: '#F8F5EA',
          dark: '#E8E0CC',
        },
        ink: {
          DEFAULT: '#3A3238', // 深灰色
          blue: '#6E9CAA',    // 蓝灰色
          red: '#E07A5F',     // 珊瑚红
          green: '#81B29A',   // 薄荷绿
          gold: '#D4B483',    // 浅黄色
        },
        sidebar: {
          DEFAULT: '#F5F1E4',
          foreground: '#3A3238',
          primary: '#E07A5F',
          'primary-foreground': '#FFFFFF',
          accent: '#6E9CAA',
          'accent-foreground': '#FFFFFF',
          border: '#E8E2D1',
          ring: '#E07A5F'
        }
      },
      backgroundImage: {
        'paper-texture': "url('/textures/paper-texture.svg')",
        'wood-texture': "url('/textures/wood-texture.svg')",
        'paper-gradient': 'linear-gradient(to bottom, #F5F1E4, #E8E0CC)',
        'ink-gradient': 'linear-gradient(to bottom, #3A3238, #5D5360)',
      },
      boxShadow: {
        'light': '0 2px 4px rgba(0, 0, 0, 0.05)',
        'medium': '0 4px 8px rgba(0, 0, 0, 0.08)',
        'deep': '0 6px 12px rgba(0, 0, 0, 0.10)',
        'inner': 'inset 0 2px 4px rgba(0, 0, 0, 0.05)',
        'paper': '0 2px 4px rgba(58, 50, 56, 0.1)',
        'float': '0 4px 12px rgba(58, 50, 56, 0.15)',
      },
      keyframes: {
        'accordion-down': {
          from: { height: '0' },
          to: { height: 'var(--radix-accordion-content-height)' }
        },
        'accordion-up': {
          from: { height: 'var(--radix-accordion-content-height)' },
          to: { height: '0' }
        },
        'float-in': {
          '0%': { opacity: 0, transform: 'scale(0.98)' },
          '100%': { opacity: 1, transform: 'scale(1)' }
        },
        'float-out': {
          '0%': { opacity: 1, transform: 'scale(1)' },
          '100%': { opacity: 0, transform: 'scale(0.98)' }
        },
        'slide-in': {
          '0%': { transform: 'translateX(-100%)' },
          '100%': { transform: 'translateX(0)' }
        },
        'slide-out': {
          '0%': { transform: 'translateX(0)' },
          '100%': { transform: 'translateX(-100%)' }
        },
        'fade-in': {
          '0%': { opacity: 0 },
          '100%': { opacity: 1 }
        },
        'fade-out': {
          '0%': { opacity: 1 },
          '100%': { opacity: 0 }
        },
        'ink-spread': {
          '0%': { transform: 'scale(0)', opacity: 0 },
          '100%': { transform: 'scale(1)', opacity: 1 }
        },
        'paper-flip': {
          '0%': { transform: 'rotateY(0deg)' },
          '100%': { transform: 'rotateY(180deg)' }
        },
        'ink-drop': {
          '0%': { transform: 'translateY(-20px)', opacity: 0 },
          '100%': { transform: 'translateY(0)', opacity: 1 }
        },
        'ink-write': {
          '0%': { width: '0%' },
          '100%': { width: '100%' }
        },
        'paper-rise': {
          '0%': { transform: 'translateY(20px)', opacity: 0 },
          '100%': { transform: 'translateY(0)', opacity: 1 }
        },
        'cursor-blink': {
          '0%, 100%': { opacity: 1 },
          '50%': { opacity: 0 }
        },
        'stamp': {
          '0%': { transform: 'scale(1.2)', opacity: 0 },
          '50%': { transform: 'scale(0.8)', opacity: 1 },
          '100%': { transform: 'scale(1)', opacity: 1 }
        }
      },
      animation: {
        'accordion-down': 'accordion-down 0.2s ease-out',
        'accordion-up': 'accordion-up 0.2s ease-out',
        'float-in': 'float-in 0.25s ease-out',
        'float-out': 'float-out 0.2s ease-out',
        'slide-in': 'slide-in 0.3s cubic-bezier(0.16, 1, 0.3, 1)',
        'slide-out': 'slide-out 0.3s ease-in-out',
        'fade-in': 'fade-in 0.2s ease-out',
        'fade-out': 'fade-out 0.2s ease-out',
        'ink-spread': 'ink-spread 0.3s cubic-bezier(0.16, 1, 0.3, 1)',
        'paper-flip': 'paper-flip 0.5s cubic-bezier(0.16, 1, 0.3, 1)',
        'ink-drop': 'ink-drop 0.3s cubic-bezier(0.16, 1, 0.3, 1)',
        'ink-write': 'ink-write 1s cubic-bezier(0.16, 1, 0.3, 1)',
        'paper-rise': 'paper-rise 0.3s cubic-bezier(0.16, 1, 0.3, 1)',
        'cursor-blink': 'cursor-blink 1s step-end infinite',
        'stamp': 'stamp 0.3s cubic-bezier(0.16, 1, 0.3, 1)'
      }
    }
  },
  plugins: [import("tailwindcss-animate")],
}

